<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>
<%@include file="/view/common/js-css.jsp" %>
</head>
<body>
	<div id="container">
		<div id="content">
			<div id="role-group">
				<div class="role">
					<div class="imgbox">
						<img src="<%=request.getContextPath() %>/static/common/img/t1.jpg" />
					</div>
					<h3 style="color: black;font-weight: bold;">
						学生
					</h3>
				</div>

				<div class="role">
					<div class="imgbox">
						<img src="<%=request.getContextPath() %>/static/common/img/t3.jpg" />
					</div>
					<h3 style="color: black;font-weight: bold;">
						教师
					</h3>
				</div>

				<div class="role">
					<div class="imgbox">
						<img src="<%=request.getContextPath() %>/static/common/img/t2.jpg" />
					</div>
					<h3 style="color: black;font-weight: bold;">
						管理员
					</h3>
				</div>

			</div>
			<!--学生登录。。。。。。。。。。。。。。-->
			<div id="loginbar" class="loginbar">
				<h3 class="title">学生登录</h3>
				<div id="imgbox"><img src="<%=request.getContextPath() %>/static/common/img/t1.jpg" width="120px" height="120px"></div>
				<div id="formbar">
					<form action="StudentServlet?command=login" method="post" name="stuform">
						<ul>
							<li class="text-wrap">
								<i class="fa fa-user"></i><input type="text" name="username" class="text" />
							</li>
							<li></li>
							<li class="text-wrap">
								<i class="fa fa-lock"></i><input type="password" name="password" class="text">
							</li>
							<li></li>
							<li class="text-wrap">
								<a id="submit" href="javascript:document.stuform.submit();">立即登录</a>
							</li>
							<li class="text-wrap">
								<input type="checkbox" /><span>记住密码?</span>
								<a id="forget" href="#">忘记密码？</a>
							</li>
							<li></li>
						</ul>
					</form>
				</div>
				<i class="fa fa-times"></i>
			</div>

			<!--教师登录-->
			<div id="loginbar" class="loginbar">
				<h3 class="title">教师登录</h3>
				<div id="imgbox"><img src="<%=request.getContextPath() %>/static/common/img/t3.jpg" width="120px" height="120px"></div>
				<div id="formbar">
					<form action="TeacherServlet?command=login" method="post" name="teaform">
						<ul>
							<li class="text-wrap">
								<i class="fa fa-user"></i><input type="text" name="username" class="text" />
							</li>
							<li></li>
							<li class="text-wrap">
								<i class="fa fa-lock"></i><input type="password" name="password" class="text">
							</li>
							<li></li>
							<li class="text-wrap">
								<a id="submit" href="javascript:document.teaform.submit();">立即登录</a>
							</li>
							<li class="text-wrap">
								<input type="checkbox" /><span>记住密码?</span>
								<a id="forget" href="#">忘记密码？</a>
							</li>
							<li></li>
						</ul>
					</form>
				</div>
				<i class="fa fa-times"></i>
			</div>

			<!--管理员登录-->
			<div id="loginbar" class="loginbar">
				<h3 class="title">管理员登录</h3>
				<div id="imgbox"><img src="<%=request.getContextPath() %>/static/common/img/t2.jpg" width="120px" height="120px"></div>
				<div id="formbar">
					<form action="ManagerServlet?command=login" method="post" name="adminform">
						<ul>
							<li class="text-wrap">
								<i class="fa fa-user"></i><input type="text" name="username" class="text" />
							</li>
							<li></li>
							<li class="text-wrap">
								<i class="fa fa-lock"></i><input type="password" name="password" class="text">
							</li>
							<li></li>
							<li class="text-wrap">
								<a id="submit" href="javascript:document.adminform.submit();">立即登录</a>
							</li>
							<li class="text-wrap">
								<input type="checkbox" /><span>记住密码?</span>
								<a id="forget" href="#">忘记密码？</a>
							</li>
							<li></li>
						</ul>
					</form>
				</div>
				<i class="fa fa-times"></i>
			</div>

			<div id="copy">CopyRight&nbsp;&copy;&nbsp;Lomando&nbsp;Team&nbsp;&nbsp;版权所有 </div>
		</div>
	</div>
</body>
</html>